<template>
	<view class="content">
		<view>
			<text class="iconfont iconsearch"></text>
			<input type="text" value="" style="padding-top: 10px;" placeholder="搜索" />
		</view>
		 <vgt-tab :list="list"></vgt-tab>
		 <button type="default" v-on:click="addNote">
		 	<uni-icon type="plusemptu" size="20"></uni-icon>添加
		 </button>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
		<view>
			
			<image src="../../static/bt2.jpg" style="width: 500px; height: 300px; padding-left50px;"></image>
		<view>
			<h2>苏州有群热心的“侨大姐</h2>
			<view>送菜上门、卡口值守、抗疫宣传……近几个月，江苏省苏州市姑苏区虎丘街道观景社区内，活跃着一群特殊的“大白”“小蓝”。
			她们是观景社区“红豆侨屋”志愿服务队队员，主要由退休侨眷组成，被当地居民亲切地称为“侨大姐”。</view>
			<button style="width: 100rpx; display:inline-block;" type="default" @click="keep(index)">编辑<uni-icons style="line-height: auto; background-color:blue" type="checkmarkempty" size="20"  ></uni-icons></button>
			<button style="width: 100rpx; display:inline-block;" type="default" @click="removeNote(index)">删除<uni-icons style="line-height: auto;" type="trash" size="20"  ></uni-icons></button>
		</view>
		</view>
		
		<view>
			
			<image src="../../static/bt1.webp" style="width: 500px; height: 300px; padding-left50px;"></image>
		<view>
			<h2>疫情之下，这些来自上海的好妈妈，让人泪目！</h2>
			<view>疫情期间，不少医护人员、社区工作人员、保供人员、志愿者都一直坚守在防疫一线。他们其中不少人，除了工作岗位，还有另外一个角色，妈妈。特殊时刻，有许多的妈妈们离开了温暖的家，
			用自己的汗水、泪水，为世界上更多的小孩撑起了温暖的大伞。</view>
			<button style="width: 100rpx; display:inline-block;" type="default" @click="keep(index)">编辑<uni-icons style="line-height: auto;" type="checkmarkempty" size="20"  ></uni-icons></button>
			<button style="width: 100rpx; display:inline-block;" type="default" @click="removeNote(index)">删除<uni-icons style="line-height: auto;" type="trash" size="20"  ></uni-icons></button>
		</view>
		</view>
		
		<view>
			<image src="../../static/bt3.jpg" style="width: 500px; height: 300px; padding-left50px;"></image>
		<view>
			<h2>古书良医”杨师傅：为古籍续命，为文脉留根</h2>
			<view><span></span>64岁的杨利群依然每天准时出现在云南省图书馆古籍修复工作室。已经过了退休年纪的他没有选择在家享清福，
			而是继续陪伴着镊子、毛刷、补纸这些几十年来的老朋友。</view>
			<button style="width: 100rpx; display:inline-block;" type="default" @click="keep(index)">编辑<uni-icons style="line-height: auto;" type="checkmarkempty" size="20"  ></uni-icons></button>
			<button style="width: 100rpx; display:inline-block;" type="default" @click="removeNote(index)">删除<uni-icons style="line-height: auto;" type="trash" size="20"  ></uni-icons></button>
		</view>
		</view>
		
	</view>
</template>

<script>
	
	import vgtTab from '@/components/vgt-tab/vgt-tab.vue'
	 export default {
	   components: {
	              'vgt-tab': vgtTab
	          },
	  data() {
	   return {
	    // title: 'Hello',
	    // List:[],
	     list: [
	                 '头条',
	                 '财经',
	                 '军事',
					 '体育',
	             ]
	   }
	  },
		onLoad() {

		},
		methods: {
			
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		justify-content: center;
	  }


/* 	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
		background-color: ;
	} */

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
